<div class="solution-wrap">
	<div class="action-wrap">
		<a class="button light left" ng-click="newSolution()">新建</a>
	</div>
	<div class="content-wrap">
		<div class="table">
			<div class="table-head">
				<div class="table-cell left" style="width:10%">集群名</div>
				<div class="table-cell left" style="width:10%">关联CF集群</div>
				<div class="table-cell left" style="width:20%">创建时间</div>
				<div class="table-cell left" style="width:20%">更新时间</div>
				<div class="table-cell left" style="width:10%">集群状态</div>
				<div class="table-cell left" style="width:10%">Broker状态</div>

				<div class="table-cell left" style="width:20%">操作</div>
			</div>
			<div class="table-content">
				<div class="table-row" ng-repeat="cluster in clusterList">
					<div class="table-cell left pointer" style="width:10%" ng-bind="cluster.mysqlClusterName" ui-sref="mysqlDetail({id:cluster.deployId})"></div>
					<div class="table-cell left" style="width:10%" ng-bind="cluster.cfClusterName" ui-sref="soldetail({solId:cluster.cfDeployId})"></div>
					<div class="table-cell left" style="width:20%" ng-bind="cluster.createTime|date:'yyyy-MM-dd hh:mm:ss'"></div>
					<div class="table-cell left" style="width:20%" ng-bind="cluster.updateTime|date:'yyyy-MM-dd hh:mm:ss'"></div>
					<div class="table-cell left" style="width:10%" ng-bind="cluster.mysqlStatus|clusterFilter"></div>
					<div class="table-cell left" style="width:10%" ng-bind="cluster.brokerStatus|brokerFilter"></div>
					<div class="table-cell left" style="width:20%">
						<a class="option-item" ui-sref="mysqlDetail({id:cluster.deployId})">详情</a>
						<a class="option-item pointer" ng-click="removeCluster(cluster)">删除</a>
					</div>
				</div>
				<div class="table-row empty" ng-show="clusterList.length==0">
					<span>无记录</span>
				</div>
			</div>
		</div>
	</div>
</div>